<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
<link href="__PUBLIC__/jquery.mobile/jquery.mobile-1.3.2.min.css" rel="stylesheet">
<script type="text/javascript"  src="__PUBLIC__/jquery.js"></script>
<script type="text/javascript" src="__PUBLIC__/jquery.mobile/jquery.mobile-1.3.2.min.js"></script>
 <!--轮播插件-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/flexslider/flexslider.css">
<script type="text/javascript" src="__PUBLIC__/flexslider/flexslider.js"></script>
<!-- 自定义样式 -->
<link href="../Public/css/index.css" rel="stylesheet">
<script type="text/javascript" src="../Public/js/index.js"></script>
</head>
<body>
  <!-- 第一个页面 -->
  <div data-role="page" id="pageone">
     <!-- 头部 -->
     <div data-role="header" data-theme="a">
          <h1>手机动漫</h1>         
     </div>
     <!--内容 -->
     <div data-role="main" class="ui-content" data-theme="c" id="content">
           <div class="flexslider">
                <ul class="slides">
                    <li><a href="" ><img src="../Public/images/1.jpg" class="slideimg"></a></li>
                    <li><a href="" ><img src="../Public/images/2.jpg" class="slideimg"></a></li>
                    <li><a href="" ><img src="../Public/images/3.jpg" class="slideimg"></a></li>
                    <li><a href="" ><img src="../Public/images/4.jpg" class="slideimg"></a></li>
                    <li><a href="" ><img src="../Public/images/5.jpg" class="slideimg"></a></li>
                </ul>
            </div>          
          <div class="ui-grid-a">
                 <div class="ui-block-a"><a href="#pageone"><span class="block-1"></span><p>查看动漫</p></a></div>
                 <div class="ui-block-b"><a href="#pagetwo"><span class="block-2"></span><p>发布动漫</p></a></div>                 
          </div>

         <ul data-role="listview">
            <volist name="rows" id="row" offset="0" length="5" empty="暂时没有数据">
                  <li>
                     <a href="">
                        <img src="../Public/images/1.jpg">
                        <h2><{$row['title']}></h2>
                        <p><{$row['content']}></p>
                        <span class="author"><{$row['editor']}></span><span class="date">&nbsp;&nbsp;<{$row['time']|date='Y-m-d',###}></span>
                     </a>
                  </li>
            </volist>
         </ul>

     </div>
      <!-- 尾部 -->
      <div data-role="footer">
          <span class="copyright">©&nbsp;2016 4 17 by ChaozhongYu<br> All rights reserved</span>
      </div>       
  </div>

<!-- 第二个页面 -->
  <div data-role="page" id="pagetwo">
     <!-- 头部 -->
     <div data-role="header" data-theme="a">
          <h1>手机动漫</h1>   
          <a href="#pageone" data-role="button" class="back">返回</a>      
     </div>
     <!--内容 -->
     <div data-role="content" data-theme="c" id="content">
         <div>
              <form method="post" action="__URL__/add" data-ajax="false">
                    <div class="ui-field-contain">
                         <label for="editor">发布人:</label>
                         <input type="text" name="editor" id="editor">
                         <label for="title">标题：</label>
                         <input type="text" name="title" id="title">
                         <label for="content">内容:</label>
                         <textarea name="content" id="content"></textarea>
                         <input data-role="button" data-inline="true" type="reset" value="重置">
                         <input data-role="button" data-inline="true" type="submit" value="提交">
                    </div>
              </form>
         </div>
         

     </div>
      <!-- 尾部 -->
      <div data-role="footer">
          <span class="copyright">©&nbsp;2016 4 17 by ChaozhongYu<br> All rights reserved</span>
      </div>
        
  </div>
<script type="text/javascript">
     
</script>
</body>
</html>